<!DOCTYPE html>  
<html>  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<title>在线预览PDF文档</title>  

<script type="text/javascript" src="js/jquery.min.js"></script>  
<script type="text/javascript" src="js/jquery.media.js"></script>  
<script type="text/javascript">  
    $(function() {  
        $('a.media').media({width:800, height:600});  
        $('a.mediase').media({width:800, height:600});  
    });  
</script> 

</head>
<body>
<center>
 <div class="panel panel-primary">
   <div class="panel-heading" align="center">
      <h2>预览pdf文件</h2>
   </div>
   <div class="panel-body">
	  <a class="media" href="pdf1.pdf"></a>  
   </div>
</center>
</body>
</html>